<div  class="main">
        <div class="nav">
            <div class="nav-titles">
                <div class="nav-left">
                    <a href="#">关于我们</a>
                </div>
                <div class="nav-right">
                    <a id="denglu" href="">登录</a>
                </div>
            </div>
        </div>
         <!--登录弹框-->
    	<div class="denglu-page" style="display: none;">
            	<h1><img id="close-im" src="http://s4.xiaohongshu.com/static/img/v2/web/common/login/close.png"/></h1>
            	<div>
            		<a class="png_bg"></a>
            	</div>
            	<div class="png_titl"><span>登录</span></div>
            	<div class="png_img">
            		<a href=""></a>
            		<a href=""></a>
            	</div>
            </div>
        <div class="media-neirong">
            <div class="baodao">
                <span>关于我们</span>
            </div>
           <div class="wrapper">
           		<div>
           			<h3>什么是小红书？</h3>
           		<p>
           			它不知疲倦带你走遍不同国家和地区的购物中心、奥特莱斯和潮流店。<br />
					它指引你以最佳价格买到心仪已久的一线大牌。<br />
					它细心为你发现当地性价比高的本土品牌。<br />
					它贴心提示你退税、打折和出行注意事项。<br />
					除了以攻略形式存在，<br />
					它更活跃在微博、微信和网站社区，竭尽所能不厌其烦地为你解答出境购物的各种问题！
				</p>
           			<div class="hengxian"></div>
           		</div>
           		<div>
           			<h3>小红书的由来？</h3>
           			<p>“什么牌子最划算？”<br />
						“去哪儿货品款式齐全又便宜？”<br />
						“有啥我们国内没有的？带点回去”<br />
						这是小红书创始人在海外迎接国内亲朋时被问到最频繁的话题。<br />
						我们汇聚了生活在世界各地的群众智慧，只为让你出境旅行时能像当地人一样血拼，将最划算最特色的东西最便宜的带回家。于是我们开始寻找身边的小红！
           			</p>
           			<div class="hengxian"></div>
           		</div>
           		<div>
           			<h3>谁是小红？</h3>
           			<p>
           				小红们在世界各地低调的牛逼着。有顶级学府的留学生，有跨国银行的高管，有大型企事业单位驻外人员，有横扫商界的知性美女。<br />
						如果问她们有什么共同特征，败家！<br />
						如果问还有什么共同特征，只买对的，不买贵的！<br />
						最重要的是她们都一百万个愿意把自己的扫货经验毫无保留地贡献出来，拿出一部部长达60多页的初稿！<br />
						我们还在继续寻找这些时尚界的“活雷锋”小红，如果你符合以上条件请快快到我们的碗里来！<br />
           			</p>
           			<div class="hengxian"></div>
           		</div>
           		<div>
           			<h3>为什么不叫小黑书，小蓝书，小紫书，大红书？</h3>
           			<p>我们也不知道，反正不是因为“红宝书”。</p>
           			<span>小红书App由行吟信息科技（上海）有限公司版权所有<br />
							地址：上海市黄浦区马当路388号SOHO复兴广场<br />
							合作联系：请发邮件至<a href="#/lianxiwomen">联系我们 </a> 页面底部的邮箱地址<br />
							其他事宜：+86 21 6422 4530 
							<br />
							<br />
           			</span>
           		</div>
           </div> 
        </div>
        <div class="download">
            <h1>立即下载小红书</h1>
           	<a href="http://www.xiaohongshu.com/redirect/app_hk" class="download-cont">
	    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/common/apple2.png?s=1471971752" alt="" />
	    		<span>iOS</span>
	    	</a>
	    	<a href="http://o3.xiaohongshu.com/d/xhs_v2.7.0.apk" class="download-cont">   			
	    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/common/android2.png?s=1471971752" alt="" />
	    		<span>Android</span>
	    	</a>
            <a href="" class="download-cont">
                <img src="http://s4.xiaohongshu.com/static/img/v2/web/common/qr-code-2016.jpg?s=1471971752" alt="" />
            </a>
        </div>
</div>
<script type="text/javascript">
	//登录部分
	var $denglu=$(".denglu-page");
    var $yinying=$( '<div id="yinying" style="position:fixed;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 108;display: block;"></div>');
	$("#denglu").click(function(){
		$denglu.css("display","block");
    	$yinying.appendTo("body").click(function(){
    		$denglu.css("display","none");
    		$(this).remove()
    	});
	})
	 $("#close-im").on("click",function(){
        	$denglu.css("display","none");
    		$yinying.remove();
        })
</script>